import { SiteBanner } from "~/components/site-banner"
import { SiteFooter } from "~/components/site-footer"
import { SiteHeader } from "~/components/site-header"

interface AppLayoutProps {
   children: React.ReactNode
}

export default function AppLayout({ children }: AppLayoutProps) {
   return (
      <div data-wrapper="" className="border-grid flex flex-1 flex-col">
         {/* <SiteBanner /> */}
         <SiteHeader />
         <main className="flex flex-1 flex-col">{children}</main>
         <SiteFooter />
      </div>
   )
}
